import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject16() {
  var data = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  padding: 8px;\n  .title {\n    height: 20px;\n    line-height: 20px;\n    font-family: MicrosoftYaHei;\n    font-size: 12px;\n    margin-bottom: 8px;\n    color: #b1b1b1;\n  }\n  .badges-wrapper {\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-flow: row nowrap;\n    .badged {\n      width: 24px;\n      height: 24px;\n      margin-right: 32px;\n      background: #ffffff;\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      border-radius: 1px;\n    }\n  }\n"]);

  _templateObject16 = function _templateObject16() {
    return data;
  };

  return data;
}

function _templateObject15() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-flow: row wrap;\n  padding-bottom: 24px;\n  &:first-of-type {\n    border-bottom: 1px solid #d8d8d8;\n  }\n  :last-of-type {\n    margin-top: 16px;\n  }\n"]);

  _templateObject15 = function _templateObject15() {
    return data;
  };

  return data;
}

function _templateObject14() {
  var data = _taggedTemplateLiteral(["\n  width: 80px;\n  padding: 0;\n  margin-right: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  .img-wrapper {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    overflow: hidden;\n    background: #fff;\n    img {\n      width: 100%;\n      height: 100%;\n      margin: 0;\n    }\n  }\n  .title {\n    height: 20px;\n    margin: 12px 0 0 0;\n    line-height: 20px;\n    text-align: center;\n    font-family: PingFangSC-Regular;\n    font-size: 14px;\n    color: #5a6677;\n  }\n"]);

  _templateObject14 = function _templateObject14() {
    return data;
  };

  return data;
}

function _templateObject13() {
  var data = _taggedTemplateLiteral(["\n  width: 150px;\n  height: auto;\n  margin-right: 24px;\n  .img-wrapper {\n    width: 100%;\n    height: 150px;\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    background: #fff;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .title {\n    height: 20px;\n    margin: 12px 0 0 0;\n    line-height: 20px;\n    font-family: PingFangSC-Regular;\n    font-size: 14px;\n    text-align: center;\n    color: #5a6677;\n  }\n"]);

  _templateObject13 = function _templateObject13() {
    return data;
  };

  return data;
}

function _templateObject12() {
  var data = _taggedTemplateLiteral(["\n  width: 60px;\n  border-radius: 50%;\n  margin-right: 36px;\n  //cursor: pointer;\n  position: relative;\n  .color-item {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n  }\n  .desc {\n    width: 100%;\n    height: 20px;\n    line-height: 20px;\n    margin: 12px 0 0 0;\n    font-family: PingFangSC-Regular;\n    font-size: 14px;\n    color: #5a6677;\n    text-align: center;\n    position: relative;\n    span {\n      position: absolute;\n      line-height: 20px;\n      width: fit-content;\n      font-family: PingFangSC-Regular;\n      font-size: 14px;\n      color: #5a6677;\n      white-space: nowrap;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n  .detail {\n    position: absolute;\n    font-size: 12px;\n    width: auto;\n    white-space: nowrap;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #b2b2b2;\n  }\n"]);

  _templateObject12 = function _templateObject12() {
    return data;
  };

  return data;
}

function _templateObject11() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  padding: 16px 36px;\n  display: flex;\n  flex-flow: row wrap;\n  background: #fafafa;\n  .config-content {\n    margin-top: 0;\n  }\n  .c7n-pro-form {\n    width: 100%;\n    height: auto;\n  }\n"]);

  _templateObject11 = function _templateObject11() {
    return data;
  };

  return data;
}

function _templateObject10() {
  var data = _taggedTemplateLiteral(["\n  display: block;\n  width: 100%;\n  margin: 0;\n  height: auto;\n"]);

  _templateObject10 = function _templateObject10() {
    return data;
  };

  return data;
}

function _templateObject9() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  box-sizing: border-box;\n  padding-left: 8px;\n  margin-top: 19px;\n  display: flex;\n  flex-direction: row;\n  flex-flow: wrap;\n"]);

  _templateObject9 = function _templateObject9() {
    return data;
  };

  return data;
}

function _templateObject8() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 20px;\n  line-height: 20px;\n  margin: 0 0 12px;\n  font-weight: normal;\n  font-family: PingFangSC-Regular;\n  font-size: 14px;\n  color: #5a6677;\n"]);

  _templateObject8 = function _templateObject8() {
    return data;
  };

  return data;
}

function _templateObject7() {
  var data = _taggedTemplateLiteral(["\n  width: 384px;\n  height: 44px;\n  margin: 32px 0 0 0;\n  line-height: 22px;\n  font-size: 14px;\n  font-family: PingFangSC-Regular;\n  color: #5a6677;\n  text-align: center;\n"]);

  _templateObject7 = function _templateObject7() {
    return data;
  };

  return data;
}

function _templateObject6() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  margin: 0 10px 0 0;\n  border-radius: 6px;\n"]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n  margin: 9px 0 0 0;\n  padding: 0;\n  height: 38px;\n  font-family: PingFangSC-Regular;\n  font-size: 16px;\n  color: #aaadba;\n  text-align: center;\n  line-height: 38px;\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n  padding: 0;\n  height: 42px;\n  line-height: 42px;\n  font-family: PingFangSC-Regular;\n  font-size: 30px;\n  color: #5a6677;\n  text-align: center;\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 32px 0;\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  padding: 16px 0;\n  width: 100%;\n  display: flex;\n  &:nth-of-type(2n) {\n    padding-top: 0;\n  }\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import styled from "styled-components";
export var PageContainer = styled.div(_templateObject());
export var OverviewRow = styled.div(_templateObject2());
export var IndexTop = styled.div(_templateObject3());
export var IndexTitle = styled.h2(_templateObject4());
export var IndexSubTitle = styled.p(_templateObject5());
export var OverviewImg = styled.img(_templateObject6());
export var TopDescription = styled.p(_templateObject7());
export var OverviewTitle = styled.h4(_templateObject8());
export var OverviewItem = styled.div(_templateObject9());
export var OverviewIcons = styled.img(_templateObject10());
export var OverviewContent = styled.div(_templateObject11());
export var ColorItemWrapper = styled.div(_templateObject12());
export var PictureItem = styled.div(_templateObject13());
export var AvatarItem = styled.div(_templateObject14());
export var ControlWrapper = styled.div(_templateObject15());
export var ControlItem = styled.div(_templateObject16());